/*****vieye*****/

/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.4rem;
	font-family:"微软雅黑";
	max-width: 1920px;
margin: auto auto;
overflow-x:hidden; 
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	max-width: 100%;
}
.fl{
	float:left;
}
.fr{
	float:right;
}

*.nomargin{
	margin-right:0px;
	}

.clearfix{
	clear:both;
	}
.clearfix::before,.clearfix::after{
	content: '';
	display: block;

	clear:both;
}

.ab_active{
	color:#fff;
	background:url(../images/ab_title_bg.png) no-repeat center center;
	}
.space_tb1-5{
	padding-top:15px;
	padding-bottom:15px;
	}
.space_tb1{
	padding-top:10px;
	padding-bottom:10px;
	}
.space_tb2{
	padding-top:20px;
	padding-bottom:20px;
	}	
.space_tb3{
	padding-top:30px;
	padding-bottom:30px;
	}	
.space_tb4{
	padding-top:40px;
	padding-bottom:40px;
	}	
.space_tb5{
	padding-top:50px;
	padding-bottom:50px;
	}

.ta_c{
	text-align:center;
	}

.ta_l{
	text-align:left;
	}

.ta_r{
	text-align:right;
	}
	
.btn{
	cursor:pointer;
	}
.ov_hd{
	overflow:hidden;
	}

.m_color{
	color:#389090;
	}
.mh_color a:hover{
	color:#bc281c;
	}	
.m_bg{
	background:#389090;
	}

.m_bc{
	background:#389090;
	color:#fff;
	}
.bd_c{
	border:1px solid #ccc;
	overflow:hidden;
	}		

.para_p{
	line-height:24px;
	font-size:12px;
	}

.hide{
	display: none;
}

.container1{
	padding-left:6%;
	padding-right:6%; 
}
.container2{
	padding-left:3%;
	padding-right:3%; 
}

.change1{
	transition: all 0.5s;
}
.pro-detail-xq h3{
	color: #389090;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
}
.pro-detail-xq img{
	margin-top: 10px;
	margin-bottom: 10px;
}

@font-face{
	font-family: trends;
	src:url('../font/fonts/trends%20.ttf');
}
.fa-trends{
	font-family: trends;
}
@font-face{
	font-family: yahei-light;
	src:url('../font/yahei-light.TTC');
}
.yahei-light{
	font-family: yahei-light;
}

.trans-5{
	transition: all 0.5s;

}
.scale-min{
	transition: all 0.5s;
}
.scale-min:hover{
	transform: scale(1.1,1.1);
	transition: all 0.5s;

}


@media screen and (min-width:769px){
	.col-sm-12{
		width: 100%;
		float: left;
	}
	.col-sm-6{
		width:50%;
		float:left;
		}

	.col-sm-9{
		width: 75%;
		float:left;
	}	
	.col-sm-85{
		width: 80%;
		float:left;
	}
	.col-sm-8{
		width:66.666666%;
		float:left;
		}

	.col-sm-7{
		width:58.33333%;
		float:left;
	}

	.col-sm-5{
		width: 41.66666%;
		float:left;
	}


	.col-sm-4{
		width:33.33333%;
		float:left;
		}
	.col-sm-35{
		width: 20%;
		float:left;
	}	
	.col-sm-3{
		width: 25%;
		float: left;
	}	
	.col-sm-2{
		width:16.66666%;
		float: left;
		}
	.col-sm-1{
		width:8.333333%;
		float: left;
		}	
	.show-sm{
		display: none;
	}
	.pro-infolist .list-item{
		display: none;
	}
	.pro-infolist .show{
	display: block;
  }

	}



@media screen and (min-width:993px){
	
	.hide-md-min{
		display:none;
		}
	.col-md-3{
		width:25%;
		float:left;
		}

	.col-md-2{
		width:16.66666%;
		float:left;
		}
	.col-md-6{
		width: 50%;
		float:left;
	}
	.col-md-4{
		width:33.33333%;
		float:left;
		}	


	}

@media screen and (min-width:1201px){
	.col-lg-3{
		width: 25%;
		float: left;
	}
}	


	


@media screen and (max-width:1200px){
	.main-top.container1,.container1,.container2{
		padding-left:15px;
		padding-right:15px;

	}


	.hide-lg{
		display: none;
	}
	.fz-tolg-30{
		font-size: 3rem !important;
		font-size: 3rem;
	}
	.fz-tolg-24{
		font-size: 2.4rem !important;
		font-size: 2.4rem;
	}
	.fz-tolg-18{
		font-size: 1.8rem !important;
		font-size: 1.8rem;
	}
	.main-top .logo{
		margin-right: 0;
	}

}	
	
@media screen and (max-width:992px){
	
	.show-md{
		display:block !important;
		}	
	.hide-md{
		display:none !important;		
		}
   .fz-tomd-24{
   	font-size:2.4rem !important;
   	font-size:2.4rem
   }
	.fz-tomd-18{
		font-size:1.8rem !important;
		font-size:1.8rem;
	}

	.fz-tomd-16{
		font-size:1.6rem !important;
		font-size:1.6rem;
	}	
	
	.fc-tomd-6{
		color: #666 !important;
	}	


	.main-top .search{
		margin-top: 0;
	}
		.main-top .logo{
		width: 80px;
		height: 25px;
		background: url(../images/LOGO1.png) no-repeat  center;
		margin-top: 5px;
		margin-bottom: 0;
	}
	.main-top .mt-c{
		border-radius: 0 0px 5px 5px;
	}
	.i_solve .solist{
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 70px;
	}
	.solist h4{
		left:15px;
		top: -20px;
	}
	.fo-t .fo-t-1{
		left: 0;
		right: auto;
	}
}



@media screen and (max-width:768px){
	
	.col-xs-6{
		width:50%;
		float:left;
		}
	.col-xs-4{
		width:33.33333%;
		float:left;
	}
	.col-xs-3{
		width:25%;
		float:left;
	}	
	
	.fc-tosm-mc{
		color: #389090;
	}

	.fz-tosm-24{
		font-size: 2.4rem !important;
		font-size: 2.4rem;
	}
	.fz-tosm-18{
		font-size: 1.8rem !important;
		font-size: 1.8rem;
	}
	.fz-tosm-16{
		font-size: 1.6rem !important;
		font-size: 1.6rem;
	}
	.fz-tosm-14{
		font-size: 1.4rem !important;
		font-size: 1.4rem;
	}
	.full-sm{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.hide-sm{
		display: none !important;
	}	
	.show-sm{
		display: block !important;
	}	

	.pro-box1 .bk-it1 img,.pro-box1 .bk-it2 img{
		max-width: 290px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.pro-box2 .bk-it5{
		height: 50px;
	}
	.pro-box2 .bk-it5 .bks{
		background: #bc281c;
	}
	.pro-box2 .bk-it5 img{
		height: 60%;
	}
	.prolist .bks:after{
		width: 100%;
	}

	.i_solve .solist{
		width: 400px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-top: 70px;
	}
	.solist h4{
		left:15px;
		top: -20px;
	}
	.i_solve .soinfo{
		float: none;
		width: auto;
		position: relative;
		display: block;
		padding: 20px 15px;
		right: auto;
		top: auto;
	}
	.i_advantage .pic{
		width: 50%;
	}
	.i_advantage .adtit{
		top: -80px;
		left: 50%;
		right: auto;
		width: 100%;
		transform:translateX(-50%);
	}
	.i_advantage .adtit img{
		width: 120px;
		float: left;
	}
	.i_advantage .adtit p{
		margin-left: 120px;
	}
	.nelist .desc{
		margin-left: 0;
	}
	.nelist ul li:after{
	width: 100%;
    }
	.fo-t .fo-logo,.fo-t .fo-t-1{
		position: relative;
		left: 0;
	}
	.fo-t .fo-t-2{
		float: none;
	}
	.in-about .in-ab-2{
		background-attachment: scroll;
	}
	.in-pro-list .pic{
		padding-bottom: 100px;
	}
	.in-pro-list .desc{
		transform: translateX(0);
		opacity: 1;
		visibility:visible;
	}
	.in-pro-list ul li:hover .desc{
		animation: none;
	}
	.in-pro-list h2 span{
		display: block;
		max-height: 50px;
		overflow: hidden;
	}
}
.i_banner,.in_banner{
	/* height: 100px; */
}
.i_banner img,
.i_news img,
.i_product img,
.soinfo .logo img,
.main-top .logo img,
.fo-t .fo-logo img,
.in-banner img,
.in-about .in-ab-3 img,
.in-pro-list .pic img,
.in-pro-de-gs img,
.i_advantage .adtit img,
.in-news-detail img,
.main-top .logo
{
/* 	opacity: 0 !important;
	visibility: hidden !important;
	background: none !important;
	opacity: 0;
	visibility: hidden;
	background: none; */
	/* display: none !important;
	display: none; */
}



.my-4{text-align:center;margin-top:30px;}

.my-4 a{font-size:16px;padding:5px;border:1px solid #ccc;}
.my-4 a:hover{border:1px solid #bc281c;color:#fff;background:#bc281c;}
.my-4 a.page-num-current{border:1px solid #bc281c;color:#fff;background:#bc281c;}